html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

a{
color:#666666;
text-decoration:none;
}
.blank_8{
width:100%;
height:8px;
font-size:1px;
}
.blank_12{
width:100%;
height:12px;
font-size:1px;
}
img{
border:none;
}

.area{
width:100%;
height:30px;
line-height:30px;
font-size:14px;
color:#FFFFFF;
background-color:#2381d4;
overflow:hidden;
margin-bottom:5px;
}

html{ height:100%;}
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #333333;background-color:#FFFFFF;}
.home{height:100%;}
.homeiphone_full{height:100%;}
.homeiphone_app{height:116.85%;}

#container{ width:640px; height:auto; margin:0px auto; padding-top:70px; position:relative;}

.header{
width:98%;
padding:1% 0;
overflow:hidden;
}
.logo{

float:left;
}
.logo img{
width:200px;
display:inline-block;
}
.meta{
width:40px;
padding-top:8px;
float:right;
}

.nav{
width:100%;
height:72px;
background-color:#0053a5;
}
.nav ul{
margin:0;
padding:0;
list-style:none;
}
.nav ul li{
width:33%;
float:left;
display:inline-block;
}
.nav ul li a{
text-decoration:none;
font-size:14px;
color:#FFFFFF;
height:35px;line-height:35px;padding:0 2px;display:block;color:#fff;text-align:center;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;overflow:hidden;word-wrap:break-word;word-break:break-all;
}

.panels_slider {width: 100%; height:auto; margin:0; padding:0;}
.panels_slider img {max-width: 100%; display: block;}

.in{
width:100%;
}
.banner{
width:100%;
padding-bottom:1px;
}
.banner img{
width:100%;
display:inline-block;
}
.con_slider{ background-color:#FFFFFF;border-bottom:1px solid #FFFFFF;}
.con_swipe{ width:100%; margin:0 auto; overflow:hidden; position:relative}
.swipe{width:100%;position:relative;z-index:1;-webkit-perspective:1000;-webkit-backface-visibility:hidden;overflow:hidden;}
.swipe ul{ margin:0; padding:0;list-style:none;overflow:hidden;}
.swipe li{ display:block;  float:left;}
.swipe li div{text-align:center; overflow:hidden; width:100%;margin:0 auto;}
.swipe li div img{ width:100%;}
.swipe li div a{ display:inline-block; }

#position{text-align:center;font-size:32px;color:#ccc;display:block;width:100%; text-align:center;}
#position em{display:inline-block;padding:0 1%;font-style:normal;font-family:sans-serif}
#position em.on{color:#ffaa15}
.point{height:22px; line-height:22px; position:relative; position:absolute; bottom:0; left:0; z-index:1; width:100%; margin:0 auto;}

.TT{
width:100%;
height:36px;
background-color:#0a51a1;
overflow:hidden;
}
.TT span{
width:75%;
padding-left:10px;
height:36px;
display:inline-block;
float:left;
line-height:36px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.TT label{
width:10%;
padding-right:10px;
height:36px;
line-height:36px;
text-align:right;
float:right;
display:inline-block;
}
.TT label a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.roll{
width:100%;
padding:2% 0;
overflow:hidden;
}
.roll ul{
margin:0;
padding:0;
list-style:none;
}
.roll ul li{
width:33%;
float:left;
height:auto;
}
.roll ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.roll ul li span img{
width:98%;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:2px #cfcfcd solid;
display:block;
}
.roll ul li label{
width:100%;
height:30px;
line-height:30px;
display:block;
text-align:center;
}

.news{
width:98%;
height:auto;
padding:1%;
overflow:hidden;
}
.news ul{
margin:0;
padding:0;
list-style:none;
}
.news ul li{
width:100%;
height:30px;
border-bottom:1px dashed #cfcfcd;
float:left;
line-height:30px;
float:left;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

.new_box{
width:100%;
background-color:#0a51a1;
overflow:hidden;
}

.calb{ padding-top:4px;width:96%; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.calb ul{
margin:0;
padding:0;
list-style:none;
}
.calb li{ padding:11px 0 15px; border-bottom:1px solid #c5c5c5;}
.cati{ display:block; margin-bottom:5px; line-height:26px; font-size:14px;}
.cati, .cati:visited{ color:#000;}
.cajs{ display:block; margin-bottom:10px; line-height:24px; font-size:12px; color:#787878;}
.cajs, .cajs:visited{ color:#787878;}
.cajj{ display:block; width:45px; height:22px; border:1px solid #4b4b4b; text-align:center; line-height:22px; font-size:18px; color:#4b4b4b;}

.article{
width:98%;
margin:0 auto;
height:auto;
overflow:hidden;
}
.article img{
	max-width:100%;
}
.A_T{
width:100%;
padding:10px 0;
font-weight:bold;
font-size:14px;
text-align:center;
}
.A_D{
width:100%;
text-align:center;
color:#777777;
}
.A_O{
width:100%;
line-height:20px;
padding:8px 0;
overflow:hidden;
}
.A_O img{
width:100%;
display:inline-block;
}
.A_PN{
width:100%;
border-top:1px solid #cccccc;
padding:8px 0;
overflow:hidden;
line-height:20px;
}

.cases{
width:100%;
padding:2% 0;
overflow:hidden;
}
.cases ul{
margin:0;
padding:0;
list-style:none;
}
.cases ul li{
width:33%;
float:left;
height:auto;
}
.cases ul li span{
width:94%;
padding:0 3%;
height:auto;
display:block;
text-align:center;
}
.cases ul li span img{
width:98%;
border:1px solid #cecece;
display:block;
}
.cases ul li label{
width:100%;
height:34px;
line-height:34px;
display:block;
text-align:center;
}

.footer{
width:100%;
padding:10px 0 60px 0;
text-align:center;
background-color:#0677c7;
color:#FFFFFF;
line-height:22px;
}

.tool{
	position: fixed;
	bottom: 0;
	background-color:#333333;
	width: 100%;
	height:50px;
	z-index: 9999;
	_bottom:auto;
	_width: 100%;
	_position: absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	
}

.tl{
width:100%;
text-align:center;
height:50px;
}
.tl a{
width:100%;
height:50px;
line-height:50px;
display:block;
color:#cccccc;
text-decoration:none;
}

@media screen and (max-width: 640px) {
#container{width:100%;}
.panels_slider{width:100%; height:100%;}
}